﻿<!doctype html>
<html>
<head>
  <!--<script src="/style/js/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("/phone/");</script> -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=1280px">
  <title>{dede:global.cfg_webname/}</title>
  <meta name="keywords" content="{dede:global.cfg_keywords/}"/>
  <meta name="description" content="{dede:global.cfg_description/}"/>
  <link href="{dede:global.cfg_templets_skin/}/style/css/style.css" rel="stylesheet" type="text/css">
  <link href="{dede:global.cfg_templets_skin/}/style/css/qie.css" rel="stylesheet" type="text/css"><!--切换样式-->
  <!--导航js开始-->
  <script type="text/javascript">
    <!--
    var timeout = 500;
    var closetimer = 0;
    var ddmenuitem = 0;
    // open hidden layer
    function mopen(id) {
      // cancel close timer
      mcancelclosetime();
      // close old layer
      if (ddmenuitem) ddmenuitem.style.visibility = 'hidden';
      // get new layer and show it
      ddmenuitem = document.getElementById(id);
      ddmenuitem.style.visibility = 'visible';
    }
    // close showed layer
    function mclose() {
      if (ddmenuitem) ddmenuitem.style.visibility = 'hidden';
    }
    // go close timer
    function mclosetime() {
      closetimer = window.setTimeout(mclose, timeout);
    }
    // cancel close timer
    function mcancelclosetime() {
      if (closetimer) {
        window.clearTimeout(closetimer);
        closetimer = null;
      }
    }
    // close layer when click-out
    document.onclick = mclose;
    // -->
  </script>
  <!--导航js结束-->
  <!--Lightbox引入开始-->
  <script type="text/javascript" src="{dede:global.cfg_templets_skin/}/style/js/jQuery1.7.js"></script>
  <link rel="stylesheet" href="{dede:global.cfg_templets_skin/}/style/css/lightbox.css" media="screen"/>
  <script src="{dede:global.cfg_templets_skin/}/style/js/lightbox-2.6.min.js"></script>
  <!--Lightbox引入结束-->
  <script type="text/javascript" src="{dede:global.cfg_templets_skin/}/style/js/jquery.js"></script>
</head>
<body style="background:#f0f0f0;">
{dede:include filename="head.htm"/}
<div class="qing ban" style="background:url({dede:global.cfg_templets_skin/}/style/images/img/2016012200313911107.jpg) center top no-repeat;">
  <!--banner切换-->
  <div class="main_visual2">
    <div class="flicking_con2">
      <a href="#"></a>
      <a href="#"></a>
      <a href="#"></a>
    </div>
    <div class="main_image2">
      <ul>
        <li style="background:url({dede:global.cfg_templets_skin/}/style/images/img/2016012200313911107.jpg) center top no-repeat;">
          <a href="#"></a>
        </li>
        <li style="background:url({dede:global.cfg_templets_skin/}/style/images/img/2016030310491449407.jpg) center top no-repeat;">
          <a href="#"></a>
        </li>
        <li style="background:url({dede:global.cfg_templets_skin/}/style/images/img/2016030310492572440.jpg) center top no-repeat;">
          <a href="#"></a>
        </li>
      </ul>
      <a href="javascript:;" id="btn_prev2"></a>
      <a href="javascript:;" id="btn_next2"></a>
    </div>
  </div>
  <!--banner切换end-->
</div>
<div class="qing cpz">
  <div class="qing juzhong">
    <div class="qing" style="padding-bottom:29px;">
      <table border="0" cellspacing="0" cellpadding="0" style="margin:0 auto;">
        <tr>
          <td>
            <ul class="tab_menu">
              {dede:channel type='son' typeid="2"}
              <li class="selected">
                <div class="cpz0" style="background:url({dede:global.cfg_templets_skin/}/style/images/img/cpzbg[field:global.autoindex/].png) left top no-repeat;">
                  <div class="cpz1"></div>
                  <div class="cpz2">
                    <a href="[field:typelink/]" class="cpz2">[field:typename/]</a>
                  </div>
                </div>
              </li>
              {/dede:channel}
            </ul>
          </td>
        </tr>
      </table>
    </div>
    <div class="qing">
      <div class="cptu01">
        {dede:arclist typeid="2" row="4" titlelen='60'}
        <div class="cptu1">
          <a href="[field:arcurl/]" class="cptus1">
            <img src="[field:picname/]" width="268" height="184">
          </a>
          <a href="[field:arcurl/]" class="cptus2">[field:title/]</a>
        </div>
        {/dede:arclist}
      </div>
      <div class="qing">
        <a href="/product/" class="duo">
          <span class="duo-1">更多</span>
          <span class="duo-2">更多</span>
        </a>
      </div>
    </div>
  </div>
</div>
<div class="qing zxbg">
  <div class="qing juzhong">
    <div class="qing" style="padding-bottom:22px;">
      <div class="lf zxdti">
        <span class="zt1">资讯中心</span>
        <span class="zt2"> / </span>
        <span class="zt3">NEWS CENTER</span>
      </div>
      <a href="/news/" class="duo2"><b class="duo2-1">更多
        <span>>></span>
      </b><b class="duo2-2">更多
        <span>>></span>
      </b></a>
    </div>
    <div class="qing">
      <!--选项卡开始-->
      <div id="tab2">
        <ul class="tab_menu2" style=" padding-bottom:20px;">
          <li class="selected2">
            <div class="zxti01">
              <div class="zxti1"></div>
              <div class="zxti2">公司新闻</div>
              <div class="zxti3"></div>
            </div>
          </li>
          <li>
            <div class="zxti01">
              <div class="zxti1"></div>
              <div class="zxti2">行业资讯</div>
              <div class="zxti3"></div>
            </div>
          </li>
          <li>
            <div class="zxti01">
              <div class="zxti1"></div>
              <div class="zxti2">技术前沿</div>
              <div class="zxti3"></div>
            </div>
          </li>
        </ul>
        <div class="tab_box2">
          <div class="div2">
            <div class="qing">
              <div class="zx01">
                {dede:arclist typeid="24" row="4" titlelen='60'}
                <div class="zx1">
                  <div class="zxk01">
                    <div class="zxk01-1">
                      <a href="[field:arcurl/]" class="qing zxt1">[field:title/]</a>
                      <div class="qing sj">[field:pubdate function="MyDate('Y-m-d',@me)"/]</div>
                      <div class="qing zxj">
                        <a href="[field:arcurl/]">[field:info/]...</a>
                      </div>
                    </div>
                    <div class=" zxkbg1"></div>
                    <div class=" zxkbg2"></div>
                  </div>
                  <div class="zxk02"></div>
                </div>
                {/dede:arclist}
              </div>
            </div>
          </div>
          <div class="hide2 div2">
            <div class="qing">
              <div class="zx01">
                {dede:arclist typeid="25" row="4" titlelen='60'}
                <div class="zx1">
                  <div class="zxk01">
                    <div class="zxk01-1">
                      <a href="[field:arcurl/]" class="qing zxt1">[field:title/]</a>
                      <div class="qing sj">[field:pubdate function="MyDate('Y-m-d',@me)"/]</div>
                      <div class="qing zxj">
                        <a href="[field:arcurl/]">[field:info/]...</a>
                      </div>
                    </div>
                    <div class=" zxkbg1"></div>
                    <div class=" zxkbg2"></div>
                  </div>
                  <div class="zxk02"></div>
                </div>
                {/dede:arclist}
              </div>
            </div>
          </div>
          <div class="hide2 div2">
            <div class="qing">
              <div class="zx01">
                {dede:arclist typeid="5" row="4" titlelen='60'}
                <div class="zx1">
                  <div class="zxk01">
                    <div class="zxk01-1">
                      <a href="[field:arcurl/]" class="qing zxt1">[field:title/]</a>
                      <div class="qing sj">[field:pubdate function="MyDate('Y-m-d',@me)"/]</div>
                      <div class="qing zxj">
                        <a href="[field:arcurl/]">[field:info/]...</a>
                      </div>
                    </div>
                    <div class=" zxkbg1"></div>
                    <div class=" zxkbg2"></div>
                  </div>
                  <div class="zxk02"></div>
                </div>
                {/dede:arclist}
              </div>
            </div>
          </div>
        </div>
      </div>
      <!--选项卡结束-->
    </div>
  </div>
</div>
<div class="qing gcca" style="background:#FFF;">
  <div class="qing juzhong" style="padding:33px 0;">
    <div class="qing" style="padding-bottom:25px;">
      <div class="lf zxdti">
        <span class="zt1">工程案例</span>
        <span class="zt2"> / </span>
        <span class="zt3">ENGINEERING CASE</span>
      </div>
      <a href="/case/" class="duo2"><b class="duo2-1">更多
        <span>>></span>
      </b><b class="duo2-2">更多
        <span>>></span>
      </b></a>
    </div>
    <div class="qing">
      <div class=" al01">
        {dede:arclist typeid="4" row="4" titlelen='60'}
        <div class="al1">
          <a href="[field:arcurl/]" data-lightbox="example-set" title="[field:title/]" class="altu">
            <img src="[field:picname/]" width="285" height="217">
          </a>
          <a href="[field:arcurl/]" data-lightbox="example-2" title="[field:title/]" class="alm">[field:title/]</a>
        </div>
        {/dede:arclist}
      </div>
    </div>
  </div>
</div>
<div class="qing gsbg">
  <div class="qing juzhong">
    <div class="lf" style=" width:380px; height:300px; padding-top:0px;">
      <div class="sp">
        <a class="qing spt">
          <!-- 代码 开始 -->
          <object class id="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="358" height="258">
            <param name="movie" value="flvplayer.swf">
            <param name="quality" value="high">
            <param name="allowFullScreen" value="true">
            <param name="FlashVars" value="vcastr_file=/images/视频短片_2.flv&LogoText=Vedio&BufferTime=3&IsAutoPlay=0">
            <embed src="flvplayer.swf" allowfullscreen="true" flashvars="vcastr_file=/images/视频短片_2.flv&LogoText=Vedio&IsAutoPlay=0" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="358" height="258"></embed>
          </object>
          <!-- 代码 结束 -->
        </a>
      </div>
    </div>
    <div class="rf" style="width:802px;">
      <div class="qing zxdti">
        <span class="zt1" style="color:#fff;">公司介绍</span>
        <span class="zt2"> / </span>
        <span class="zt3">ABOUT US</span>
      </div>
      <div class="qing gjn">
        <div class="gjs">
          <a href="/about/">{dede:sql sql='Select content from dede_arctype where id=1'} [field:content function='cn_substr(html2text(@me),550)'/]...{/dede:sql}<br></a>
        </div>
        <a href="/about/" class="lf">
          <img src="/style/images/kan.png" width="124" height="36">
        </a>
      </div>
    </div>
  </div>
</div>
<!--底部-->
{dede:include filename="footer.htm"/}
<!--选项卡js-->
<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/style/js/jQuery1.7.js"></script>
<script type="text/javascript">
  $(document).ready(function () {
    var $tab_li = $('#tab ul li');
    $tab_li.hover(function () {
      $(this).addClass('selected').siblings().removeClass('selected');
      var index = $tab_li.index(this);
      $('div.tab_box > .div').eq(index).show().siblings().hide();
    });
  });
</script>
<script type="text/javascript">
  $(document).ready(function () {
    var $tab_li2 = $('#tab2 ul li');
    $tab_li2.hover(function () {
      $(this).addClass('selected2').siblings().removeClass('selected2');
      var index2 = $tab_li2.index(this);
      $('div.tab_box2 > .div2').eq(index2).show().siblings().hide();
    });
  });
</script>
<!--选项卡js end-->
<!--切换js开始-->
<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/style/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/style/js/jquery.event.drag-1.5.min.js"></script>
<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/style/js/jquery.touchSlider.js"></script>
<script type="text/javascript">
  $(document).ready(function () {
    $(".main_visual").hover(function () {
      $("#btn_prev,#btn_next").fadeIn()
    }, function () {
      $("#btn_prev,#btn_next").fadeOut()
    });
    $dragBln = false;
    $(".main_image").touchSlider({
      flexible: true,
      speed: 200,
      btn_prev: $("#btn_prev"),
      btn_next: $("#btn_next"),
      paging: $(".flicking_con a"),
      counter: function (e) {
        $(".flicking_con a").removeClass("on").eq(e.current - 1).addClass("on");
      }
    });
    $(".main_image").bind("mousedown", function () {
      $dragBln = false;
    });
    $(".main_image").bind("dragstart", function () {
      $dragBln = true;
    });
    $(".main_image a").click(function () {
      if ($dragBln) {
        return false;
      }
    });
    timer = setInterval(function () {
      $("#btn_next").click();
    }, 5000);
    $(".main_visual").hover(function () {
      clearInterval(timer);
    }, function () {
      timer = setInterval(function () {
        $("#btn_next").click();
      }, 5000);
    });
    $(".main_image").bind("touchstart", function () {
      clearInterval(timer);
    }).bind("touchend", function () {
      timer = setInterval(function () {
        $("#btn_next").click();
      }, 5000);
    });
  });
</script>
<script type="text/javascript">
  $(document).ready(function () {
    $(".main_visual2").hover(function () {
      $("#btn_prev2,#btn_next2").fadeIn()
    }, function () {
      $("#btn_prev2,#btn_next2").fadeOut()
    });
    $dragBln = false;
    $(".main_image2").touchSlider({
      flexible: true,
      speed: 200,
      btn_prev: $("#btn_prev2"),
      btn_next: $("#btn_next2"),
      paging: $(".flicking_con2 a"),
      counter: function (e) {
        $(".flicking_con2 a").removeClass("on").eq(e.current - 1).addClass("on");
      }
    });
    $(".main_image2").bind("mousedown", function () {
      $dragBln = false;
    });
    $(".main_image2").bind("dragstart", function () {
      $dragBln = true;
    });
    $(".main_image2 a").click(function () {
      if ($dragBln) {
        return false;
      }
    });
    timer = setInterval(function () {
      $("#btn_next2").click();
    }, 5000);
    $(".main_visual2").hover(function () {
      clearInterval(timer);
    }, function () {
      timer = setInterval(function () {
        $("#btn_next2").click();
      }, 5000);
    });
    $(".main_image2").bind("touchstart", function () {
      clearInterval(timer);
    }).bind("touchend", function () {
      timer = setInterval(function () {
        $("#btn_next2").click();
      }, 5000);
    });
  });
</script>
<!--切换js结束-->
</body>
</html>
